<template>
  <van-button
    :type="myItem.propValues[typeIndex].value.chooseValue"
    :plain="myItem.propValues[plainIndex].value"
    :hairline="myItem.propValues[hairlineIndex].value"
    :disabled="myItem.propValues[disabledIndex].value"
    :square="myItem.propValues[squareIndex].value"
    :round="myItem.propValues[roundIndex].value"
    :block="myItem.propValues[blockIndex].value"
    :size="myItem.propValues[sizeIndex].value.chooseValue"
    >{{ myItem.propValues[titleIndex].value }}</van-button
  >
</template>
<script>
export default {
  props: {
    myItem: {},
  },

  data() {
    return {
      titleIndex: 0,
      typeIndex: 1,
      colorIndex: 2,
      plainIndex: 3,
      hairlineIndex: 4,
      disabledIndex: 5,
      squareIndex: 6,
      roundIndex: 7,
      blockIndex: 8,
      sizeIndex: 9,
    };
  },
};
</script>
<style>
</style>